<%@ page language="java" contentType="text/html; charset=UTF-8" trimDirectiveWhitespaces="true" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include.inc.jsp"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>管线业务</title>
<link rel="stylesheet" href="${contextPath}/resources/assets/css/bootstrap.css" />
<link rel="stylesheet" href="${contextPath}/resources/assets/css/font-awesome.css" />
<link rel="stylesheet" href="${contextPath}/resources/assets/css/bootstrap-datepicker3.css" />
<link rel="stylesheet" href="${contextPath}/resources/assets/css/ace-fonts.css" />
<link rel="stylesheet" href="${contextPath}/resources/assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />
<script src="${contextPath}/resources/assets/js/ace-extra.js"></script>
		 <script type="text/javascript">
        window.jQuery || document.write("<script src='${contextPath}/resources/assets/js/jquery.js'>" + "<" + "/script>");
    </script>
<script type="text/javascript">
  $(function(){
	 $.ajax({                              
		url : "loadFinishComp",
		cache : false,
		success : function(result) {
		  for(var i=0;i<result.length;i++){
		     //document.getElementById("Comp").options.add(new Option(result[i].name,result[i].name));
		  }
		}
	});
  });
  
  function acceptGridDownload(path){
      window.open('acceptGridDownload?file='+encodeURIComponent(path));
    }
  
  function examineGridDownload(path){
      window.open('examineGridDownload?file='+encodeURIComponent(path));
    }
  
  function agreementGridDownload(path){
      window.open('agreementGridDownload?file='+encodeURIComponent(path));
    }
  
  function bondFileDownload(path){
	   window.open('bondFileDownload?file='+encodeURIComponent(path));
	}
  
  function backFileDownload(path){
	   window.open('backFileDownload?file='+encodeURIComponent(path));
	}
  
  function fireSafetyGridDownload(path){
      window.open('fireSafetyGridDownload?file='+encodeURIComponent(path));
    }
  
  function constructionSafetyGridDownload(path){
      window.open('constructionSafetyGridDownload?file='+encodeURIComponent(path));
    }
     
  function safetyProductionAgreementGridDownload(path){
         window.open('safetyProductionAgreementGridDownload?file='+encodeURIComponent(path));
    }
  
  function downloadConstructionLog(path){
	   window.open('downloadConstructionLog?file='+encodeURIComponent(path));
	}

  function getAllInfo(obj){
	  if(obj!==""){
			$.ajax({
				url : "loadPipelineArchives?comp="+encodeURI(encodeURI(obj)),
				cache : false,
				success : function(result) {
					Mresult=result[0];
					var message = (result[0].message==null)?'':result[0].message;
					var mMashine = (result[0].mMashine==null)?'':result[0].mMashine;
					var marea = (result[0].mArea==null)?'':result[0].mArea;
					
					$("#main").removeClass("hidden");
					$("#Comp1").html(Mresult.name);
					$("#PhoneNum").html(Mresult.phoneNum);
					$("#StartAndEndTime").html(Mresult.startTime+"至"+Mresult.endTime);
					$("#Pnum").html(Mresult.pnum);
					$("#CType").html(Mresult.cType);
					$("#PCharge").html(Mresult.pcharge);
					$("#PhoneCall").html(Mresult.phoneCall);
					$("#Mmessage").html(message);
					$("#Mmashine").html(mMashine);
					$("#Marea").html(marea);
					$("#Pilesname").html(Mresult.pliesName);
					$("#Swarehouse").html(Mresult.swareHouse);
					$("#SpileNo").html(Mresult.spileNo);
					$("#Snamber").html(Mresult.snamber);
					$("#Ewarehouse").html(Mresult.ewareHouse);
					$("#EpileNo").html(Mresult.epileNo);
					$("#Enamber").html(Mresult.enamber);
					$("#ClMask").html(Mresult.clMask);
					$("#Balance").html(Mresult.balance);
					$("#BackBalance").html(Mresult.backBalance);
					/* $('#main').empty();
					var html="";
					var paId="";
					for(var j=0;j<result.length;j++){
						if(paId!==result[j].id){
							paId=result[j].id;
					//document.getElementById("phoneNum").innerText = result[j].phoneNum;
					html += "<div class='col-xs-2' style='float:left;margin-top:10px;'><label class='col-xs-7 control-label no-padding-right' for='accept' style='margin-top:10px;'>申请表：</label><input type='button' name='accept' class='btn btn-primary' onclick='acceptGridDownload(\""+result[j].acceptApplication+"\")' value='下载' /></div>";
					html += "<div class='col-xs-2' style='float:left;margin-left:20px;margin-top:10px;'><label class='col-xs-7 control-label no-padding-right' for='examine' style='margin-top:10px;'>审核表：</label><input type='button' name='examine' class='btn btn-primary' onclick='examineGridDownload(\""+result[j].examineTable+"\")' value='下载' /></div>";
					html += "<div class='col-xs-2' style='float:left;margin-left:20px;margin-top:10px;'><label class='col-xs-7 control-label no-padding-right' for='agree' style='margin-top:10px;'>合同：</label><input type='button' name='agree' class='btn btn-primary' onclick='agreementGridDownload(\""+result[j].agreement+"\")' value='下载' /></div>";
					html += "<div class='col-xs-3' style='float:left;margin-left:20px;margin-top:10px;'><label class='col-xs-6 control-label no-padding-right' for='bondFile' style='margin-top:10px;'>保证金凭证：</label><input type='button' name='bondFile' class='btn btn-primary' onclick='bondFileDownload(\""+result[j].bondFile+"\")' value='下载' /></div>";
					html += "<div class='col-xs-2' style='float:left;margin-left:20px;margin-top:10px;'><label class='col-xs-7 control-label no-padding-right' for='backFile' style='margin-top:10px;'>退款凭证：</label><input type='button' name='backFile' class='btn btn-primary' onclick='backFileDownload(\""+result[j].backFile+"\")' value='下载' /></div>";
					html += "<div class='col-xs-3' style='float:left;margin-top:20px;'><label class='col-xs-7 control-label no-padding-right' for='fireSafety' style='margin-top:10px;'>消防安全承诺书：</label><input type='button' name='fireSafety' class='btn btn-primary' onclick='fireSafetyGridDownload(\""+result[j].fireSafety+"\")' value='下载' /></div>";
					html += "<div class='col-xs-4' style='float:left;margin-top:20px;'><label class='col-xs-8 control-label no-padding-right' for='constructionSafety' style='margin-top:10px;'>入廊施工安全责任告知书：</label><input type='button' name='constructionSafety' class='btn btn-primary' onclick='constructionSafetyGridDownload(\""+result[j].fireSafety+"\")' value='下载' /></div>";
					html += "<div class='col-xs-4' style='float:left;margin-top:20px;'><label class='col-xs-8 control-label no-padding-right' for='safetyProductionAgreement' style='margin-top:10px;'>安全生产文明施工协议：</label><input type='button' name='safetyProductionAgreement' class='btn btn-primary' onclick='safetyProductionAgreementGridDownload(\""+result[j].fireSafety+"\")' value='下载' /></div>";
					html += "<div class='col-xs-12' style='margin-top:20px;'><label class='col-xs-1 control-label no-padding-right' for='message'>作业内容：</label><div class='col-xs-5'><textarea rows='5' name='message' id='message' style='width:100%;' disabled='disabled'>"+message+"</textarea></div><label class='col-xs-2 control-label no-padding-right' for='mMashine'>入廊施工工具详情：</label><div class='col-xs-4'><textarea rows='5' name='message' id='mMashine' style='width:100%;' disabled='disabled'>"+mMashine+"</textarea></div></div>";
					html += "<div class='col-xs-12' style='margin-top:20px;'><div class='col-xs-5'><label class='col-xs-3 control-label no-padding-right'>施工时间：</label><span name='startTime' style='font-size:14px;font-weight:normal;'>"+result[j].startTime+"</span>&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;<span name='endTime' style='font-size:14px;font-weight:normal;'>"+result[j].endTime+"</span></div><div class='col-xs-7'><div class='col-xs-6'><label class='col-xs-4 control-label no-padding-right' for='Pcharge'>现场负责人:</label><span name='Pcharge' style='font-size:14px;font-weight:normal;'>"+result[j].pcharge+"</span></div><div class='col-xs-6'><label class='col-xs-4 control-label no-padding-right' for='PhoneCall'>负责人电话:</label><span name='PhoneCall' style='font-size:14px;font-weight:normal;'>"+result[j].phoneCall+"</span></div</div></div></div></div>";
					html += "<div class='col-xs-12' style='margin-top:20px;'><div class='col-xs-3'><label class='col-xs-7 control-label no-padding-right'>施工人数：</label><span name='PNum' style='font-size:14px;font-weight:normal;'>"+result[j].pnum+"</span></div><div class='col-xs-3'><label class='col-xs-7 control-label no-padding-right'>施工类型：</label><span name='cType' style='font-size:14px;font-weight:normal;'>"+result[j].cType+"</span></div><div class='col-xs-4'><label class='col-xs-5 control-label no-padding-right'>管线排布：</label><span name='pliesName' style='font-size:14px;font-weight:normal;'>"+result[j].pliesName+"</span></div></div>";
					html += "<div class='col-xs-12' style='margin-top:20px;'><label class='col-xs-1 control-label no-padding-right' style='margin-left:12px;' for='mArea'>施工范围：</label><div class='col-xs-5'><textarea rows='5' name='mArea' id='mArea' style='width:100%;' disabled='disabled'>"+result[j].mArea+"</textarea></div><div class='col-xs-5'><div class='col-xs-6'><label class='col-xs-7 control-label no-padding-right'>引入段：</label><span name='swareHouse' style='font-size:14px;font-weight:normal;'>"+result[j].swareHouse+"</span></div><div class='col-xs-6'><label class='col-xs-7 control-label no-padding-right'>引出段：</label><span name='ewareHouse' style='font-size:14px;font-weight:normal;'>"+result[j].ewareHouse+"</span></div><div class='col-xs-6' style='margin-top:10px;'><label class='control-label no-padding-right'>引入段桩号：</label><span name='spileNo' style='font-size:14px;font-weight:normal;'>"+result[j].spileNo+"</span></div><div class='col-xs-6' style='margin-top:10px;'><label class='control-label no-padding-right'>引出段桩号：</label><span name='epileNo' style='font-size:14px;font-weight:normal;'>"+result[j].epileNo+"</span></div><div class='col-xs-6' style='margin-top:10px;'><label class='control-label no-padding-right'>引入段孔位：</label><span name='snamber' style='font-size:14px;font-weight:normal;'>"+result[j].snamber+"</span></div><div class='col-xs-6' style='margin-top:10px;'><label class='control-label no-padding-right'>引出段孔位：</label><span name='enamber' style='font-size:14px;font-weight:normal;'>"+result[j].enamber+"</span></div></div></div>";
					for(var i=0;i<result.length;i++){
						if(paId==result[i].id){
						if(result[i].clType=="施工日志"){
						html += "<div class='col-xs-12' style='margin-top:20px;'><div class='col-xs-8' style='margin-top:10px;'><label class='col-xs-2 control-label no-padding-right'>日志内容：</label><span name='clMask' style='font-size:14px;font-weight:normal;'>"+result[0].clMask+"</span></div><div class='col-xs-4'><label class='col-xs-4 control-label no-padding-right' style='margin-top:10px;'>日志文件：</label><input type='button' name='clFile' class='btn btn-primary' onclick='downloadConstructionLog(\""+result[0].clFile+"\")' value='下载' /></div></div>";
						}
						else if(result[i].clType=="罚款记录"){
							html += "<div class='col-xs-12' style='margin-top:20px;'><div class='col-xs-8' style='margin-top:10px;'><label class='col-xs-2 control-label no-padding-right'>罚款原因：</label><span name='clMask' style='font-size:14px;font-weight:normal;'>"+result[0].clMask+"</span></div><div class='col-xs-4'><label class='col-xs-4 control-label no-padding-right' style='margin-top:10px;'>罚款凭证：</label><input type='button' name='clFile' class='btn btn-primary' onclick='downloadConstructionLog(\""+result[0].clFile+"\")' value='下载' /></div></div>";
						}
						}
					}
					html += "<div class='col-xs-12' style='margin-top:20px;'><div style='margin-left:20px;float:left;'><label class='control-label no-padding-right' for='balance' >保证金金额：</label><span name='balance' style='font-size:14px;font-weight:normal;'>"+result[j].balance+"</span></div>";
					html += "<div style='margin-left:20px;float:left;'><label class='control-label no-padding-right' for='backBalance' >退还金额：</label><span name='backBalance' style='font-size:14px;font-weight:normal;'>"+result[j].backBalance+"</span></div>";
					html += "</div>";
					$('#main').append(html);
						}
					} */
				}
			});
			}
  }
</script>
<style>
        .seari_logo {
            padding-left: 10px;
            color: #ffffff;
            font-size: 20px;
            text-shadow: none;
            font-weight: 600;
            line-height: 80px;
            
        }
        
        .seari_logo:hover,
        .seari_logo:focus {
            color: #ffffff;
            text-decoration: none;
        }
        
       .navbar{
            min-height: 80px;
            background: url("${contextPath}/resources/img/navbar-bg.png") repeat-x;
        }
        
        .navbar .navbar-nav > li {
            border: 0px solid rgba(0, 0, 0, 0);
        }
        
        .navbar .navbar-nav > li > a {
            padding-top: 18px;
        }
        
        @media only screen and (max-width: 991px) {
            .navbar-nav {
                float: left;
                margin: 0;
            }
            .navbar-nav > li {
                float: left;
            }
            .navbar-menu-min .navbar-nav > li > a > .menu-title {
                /*display: none;*/
            }
        }
        
        .navbar-menu{
            padding-top: 20px;
        }
        .menu-title{
            font:16px/1.5 'Microsoft YaHei',SimSun;
        }
        .page-content{
           font:12px/20px "Microsoft YaHei";
        }
        .sidebar{
            font-family:  "Microsoft YaHei";
        }
        .breadcrumb{
            font-family:  "Microsoft YaHei";
        }
        
        /****box design style*****/
.box {
	float: left;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	display: block;
	background-color: #fff;
}
.london {border-top: 7px solid #19beb6;}
.paris { border-top: 7px solid #df9801; }
.box-icon {
	width: 100%;
	position: relative;
}

.info-nav-container {
	width: 32%;
    margin-right: 3%;
}

.float-container { overflow: auto; }

.info {
	width: 100%;
	padding: 15px 30px 20px;
    font-size: 16px;
}

.info-description-container {
	padding: 20px 30px;
	float: right;
	width: 65%;
}


.london-title {
	padding: 0 0 0 5px;
	border-left: 2px solid #19beb6;
	margin: 25px 0px;
}
.london-title h2 {
	color: #19beb6;
	font:24px/1.5 'Microsoft YaHei';
	margin: 5px;
}

        
.paris-title {	border-left: 2px solid #df9801; }
.paris-title h2 { color: #df9801;font:24px/1.5 'Microsoft YaHei'; }
        
        .banner-main-home {
	background-color: white;
	background: url("${contextPath}/resources/img/gcgk-3.jpg");
background-position: bottom;
	background-size: cover;
	border-top: 7px solid #10a5cd;
	min-height: 650px;	
	overflow-y: auto;
}
.banner-main-home {
	padding: 0px 0px 0px 50px;
}
.banner-main-home-bg {
	position: relative;
	float: right;
	width: 45%;
    height:650px;
    background-color: rgba(39,39,39,0.6);
    padding:180px 40px 0px 40px;
}        
.banner-main-home-text {
	color: #fff;
	text-align: left;
	right: 0;
	top: 0px; 
	left: 0;
	text-shadow: none;
    font:16px/1.5 'Microsoft YaHei';
}
        .heading{
            border-left: 4px solid #10a5cd;
        }
        
        .banner-main-home-text h2{
            margin: 5px;
            font:24px/1.5 'Microsoft YaHei';
        }
        .select{
        	list-style:none;
        	font-size:14px;
        	height:30px;
        	padding:5px 4px 6px;
        }
        #seldiv{
        	border:1px solid #E0E0E0;
        	display:none;
        	padding:0px;
        }
        #seldiv ul{
        	margin-left:0px;
        	margin-bottom:0px;
        }
    </style>
</head>
<body class="no-skin">
<jsp:include page="index.jsp" flush="true" />
    
    <div class="main-container" id="main-container">
         <div id="sidebar" class="sidebar                  responsive">
            <script type="text/javascript">
                try {
                    ace.settings.check('sidebar', 'fixed');
                } catch (e) {}
            </script>
            
            <ul class="nav nav-list">
               <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 入廊申请 </span>
                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="sqbDownUp?compId=&compName=&phoneNo=">
                                <i class="menu-icon fa fa-caret-right"></i> 申请表格下载/上传
                            </a>

                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="sqbRecord">
                                <i class="menu-icon fa fa-caret-right"></i> 申请记录
                            </a>
                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
                
                <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 手续办理 </span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="ywcz?compId=&compName=">
                                <i class="menu-icon fa fa-caret-right"></i> 业务操作
                            </a>

                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="ywda">
                                <i class="menu-icon fa fa-caret-right"></i> 业务档案
                            </a>
                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
                
                 <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 合同管理 </span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="htmbDownUp">
                                <i class="menu-icon fa fa-caret-right"></i> 合同模板下载/上传
                            </a>

                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="htda">
                                <i class="menu-icon fa fa-caret-right"></i> 合同档案
                            </a>

                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
                
                <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 施工管理 </span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="xkgl">
                                <i class="menu-icon fa fa-caret-right"></i> 许可管理
                            </a>

                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="bzjgl">
                                <i class="menu-icon fa fa-caret-right"></i> 保证金管理
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="fwsq">
                                <i class="menu-icon fa fa-caret-right"></i> 服务申请
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="sgrz">
                                <i class="menu-icon fa fa-caret-right"></i> 施工日志
                            </a>

                            <b class="arrow"></b>
                        </li>
                        

                    </ul>
                </li>
                
                <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 费用清算 </span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="feeSimulate">
                                <i class="menu-icon fa fa-caret-right"></i> 入廊费用计算器
                            </a>

                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="jfRecord">
                                <i class="menu-icon fa fa-caret-right"></i> 缴费记录
                            </a>

                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
                
               <li class="">
                    <a href="visitApply" >
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 参观申请 </span>
                        
                    </a>

                    <b class="arrow"></b>
                    
                </li>
                
                <li class="active open">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 后台管理 </span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="rlsqEdit">
                                <i class="menu-icon fa fa-caret-right"></i> 入廊申请
                            </a>

                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="ywdaEdit">
                                <i class="menu-icon fa fa-caret-right"></i> 业务档案
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="htdaEdit">
                                <i class="menu-icon fa fa-caret-right"></i> 合同档案
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                         <li class="">
                            <a href="xkglEdit">
                                <i class="menu-icon fa fa-caret-right"></i> 许可管理
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="bzjEdit">
                                <i class="menu-icon fa fa-caret-right"></i> 保证金管理
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="fwsqEdit">
                                <i class="menu-icon fa fa-caret-right"></i> 服务申请
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="sgjlEdit">
                                <i class="menu-icon fa fa-caret-right"></i> 施工记录
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="jfjlEdit">
                                <i class="menu-icon fa fa-caret-right"></i> 缴费记录
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="active">
                            <a href="gxdaEdit">
                                <i class="menu-icon fa fa-caret-right"></i> 管线档案
                            </a>

                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
            </ul>
            <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
                <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
            </div>

            <!-- /section:basics/sidebar.layout.minimize -->
            <script type="text/javascript">
                try {
                    ace.settings.check('sidebar', 'collapsed');
                } catch (e) {}
            </script>
        </div>
         <div class="main-content">
            <!-- #section:面包屑导航路径 basics/content.breadcrumbs -->
            <div class="breadcrumbs" id="breadcrumbs">
                <ul class="breadcrumb">
                    <li>
                        <i class="ace-icon fa fa-home home-icon"></i>
                        <a href="#">管线业务</a>
                    </li>
                    <li>
                        <a href="#">后台管理</a>
                    </li>
                    <li class="active">管线档案</li>
                </ul>
                <!-- /.breadcrumb -->
            </div>
            <div class="page-content">
	       
	        <div class="row">
            	<div class="col-xs-12">
						<div class="form-group">
							<div class="col-xs-12">
		            	         <label class="col-xs-1 control-label no-padding-right" for="Comp" style="margin-top: 5px;">单位</label>
	            	             <div class="col-xs-4">
	            	                 <!-- <select class="col-xs-10" id="Comp" name="Comp" class="chosen-select" tablindex="2" onchange="getAllInfo(this)">
									     <option value="">请选择</option>								                                    
									 </select> -->
									 <!-- <input id="Comptxt" type="text" value='请选择' class="col-xs-10" style="margin-top:-29px;margin-left:1px;height:27px;border:0px;"> -->
									 <input id="Comptxt" type="text" value='请选择' class="col-xs-10">
									 <div class="col-xs-10" id="seldiv">
									 	<ul id="selection">
									 		
									 	</ul>
									 </div>
	            	             </div>
	            	             <button id="print" class='btn btn-sm'>打印</button>
		            	             <!-- <div class="col-xs-5" style="margin-top: 5px;">
		            	             <label class='control-label no-padding-right' for='phoneNum' >联系方式：</label>
		            	             <span id="phoneNum" style='font-size:14px;font-weight:normal;'></span>
		            	             </div> -->
		            	     </div>
	            	     </div>
	            	     <br/><br/><br/><br/>
	            	     <!-- <button id="print">打印</button> -->
	            	     <div class="form-group hidden" id="main">
            	     		<div class="col-xs-12">
            	     			<label class="col-xs-1 control-label no-padding-right" for="BasInf" style="margin-top: 5px;">基本信息</label>
	            	            <div class="col-xs-8" style="margin-top: 5px;">
	            	            	<label class="col-xs-2 control-label no-padding-right">单位名称</label>
	            	            	<span class="col-xs-2" id="Comp1">1111</span>
	            	            	<label class="col-xs-2 control-label no-padding-right">联系电话</label>
	            	            	<span class="col-xs-2" id="PhoneNum">1111</span>
	            	            </div>	            	     		
            	     		</div>
            	     		<br/><br/>
           	                <div class="col-xs-12">
           	     			    <label class="col-xs-1 control-label no-padding-right" for="ConsInf" style="margin-top: 5px;">施工详情</label>
            	                <div class="col-xs-8" style="margin-top: 5px;">
	           	                   	<p>
		           	             	   	<label class="col-xs-2 control-label no-padding-right">施工时间</label>
		           	             	   	<span class="col-xs-2" id="StartAndEndTime">1111</span>
		           	             	   	<label class="col-xs-2 control-label no-padding-right">施工人数</label>
		           	             	   	<span class="col-xs-2" id="Pnum">1111</span>
		           	             	   	<label class="col-xs-2 control-label no-padding-right">施工类型</label>
		           	             	   	<span class="col-xs-2" id="CType">1111</span>
	           	             	   	</p>
	           	             	   	<br/><br/>
	           	             	   	<p>
		           	             	   	<label class="col-xs-2 control-label no-padding-right">现场负责人</label>
		           	             	   	<span class="col-xs-2" id="PCharge">1111</span>
		           	             	   	<label class="col-xs-2 control-label no-padding-right">负责人电话</label>
		           	             	   	<span class="col-xs-2" id="PhoneCall">1111</span>
	           	             	   	</p>
	           	             	   	<br/>
	           	             	   	<br/>
	           	             	   	<p>
	           	             	   		<label class="col-xs-2 control-label no-padding-right">作业内容</label>
		           	             	   	<textarea class="col-xs-8" rows="3" id="Mmessage" disabled="disabled"></textarea>
		           	             	</p>
		           	             	<br/><br/><br/><br/>
		           	             	<p>
		           	             	   	<label class="col-xs-2 control-label no-padding-right">施工内容</label>
		           	             	   	<textarea class="col-xs-8" rows="3" id="Marea" disabled="disabled"></textarea>
	           	             	   	</p>
	           	             	   	<br/><br/><br/><br/>
		           	             	<p>
		           	             	   	<label class="col-xs-2 control-label no-padding-right">器具详情</label>
		           	             	   	<textarea class="col-xs-8" rows="3" id="Mmashine" disabled="disabled">111</textarea>
	           	             	   	</p>
	           	             	   	<br/><br/><br/><br/>
            	                </div>
           	                </div>
           	                <br/><br/><br/>
           	                <div class="col-xs-12">
            	     			<label class="col-xs-1 control-label no-padding-right" for="BasInf" style="margin-top: 5px;">管线情况</label>
	            	            <div class="col-xs-8" style="margin-top: 5px;">
	            	            	<p>
	            	            		<label class="col-xs-2 control-label no-padding-right">管线排布</label>
	            	            		<span class="col-xs-6" id="Pilesname">111</span>
	            	            	</p>
	            	            	<br/>
	            	            	<p>
		            	            	<label class="col-xs-2 control-label no-padding-right">引入段</label>
		            	            	<span class="col-xs-2" id="Swarehouse">1111</span>
		            	            	<label class="col-xs-2 control-label no-padding-right">引入段桩号</label>
		            	            	<span class="col-xs-2" id="SpileNo">1111</span>
		            	            	<label class="col-xs-2 control-label no-padding-right">引入段孔位</label>
		            	            	<span class="col-xs-2" id="Snamber">1111</span>
	            	            	</p>
	            	            	<br/><br/>
	            	            	<p>
		            	            	<label class="col-xs-2 control-label no-padding-right">引出段</label>
		            	            	<span class="col-xs-2" id="Ewarehouse">1111</span>
		            	            	<label class="col-xs-2 control-label no-padding-right">引出段桩号</label>
		            	            	<span class="col-xs-2" id="EpileNo">1111</span>
		            	            	<label class="col-xs-2 control-label no-padding-right">引出段孔位</label>
		            	            	<span class="col-xs-2" id="Enamber">1111</span>
	            	            	</p><br/><br/>
	            	            </div>	            	     		
            	     		</div>
           	                <div class="col-xs-12">
           	     			    <label class="col-xs-1 control-label no-padding-right" for="DataDownload" style="margin-top: 5px;">其他详情</label>
            	                <div class="col-xs-8" style="margin-top: 5px;">
            	                   	<p>
            	             	   		<label class="col-xs-2 control-label no-padding-right">施工日志</label>
            	             	   		<span class="col-xs-2" id="ClMask">1111</span>
            	             	   	</p><br/>
            	             	   	<p>
	            	             	   	<label class="col-xs-2 control-label no-padding-right">保证金金额</label>
	            	             	   	<span class="col-xs-2" id="Balance">1111</span>
	            	             	   	<label class="col-xs-2 control-label no-padding-right">退还金额</label>
	            	             	   	<span class="col-xs-2" id="BackBalance">1111</span>
            	             	   	</p><br/><br/>
            	                </div>
           	                </div>
           	                <br/><br/><br/>
           	                <div class="col-xs-12">
           	     			    <label class="col-xs-1 control-label no-padding-right" for="DataDownload" style="margin-top: 5px;">资料下载</label>
            	                <div class="col-xs-8" style="margin-top: 5px;">
            	             	   <!-- <label class="col-xs-2 control-label no-padding-right">施工时间</label> -->
            	             	   <span class="col-xs-2"><a onclick="acceptGridDownload(Mresult.acceptApplication)">申请表</a></span>
            	             	   <span class="col-xs-2"><a onclick="examineGridDownload(Mresult.clFile)">审核表</a></span>
            	             	   <span class="col-xs-2"><a onclick="agreementGridDownload(Mresult.agreement)">合同</a></span>
            	             	   <span class="col-xs-2"><a onclick="bondFileDownload(Mresult.bondFile)">保证金凭证</a></span>
            	             	   <span class="col-xs-2"><a onclick="backFileDownload(Mresult.backFile)">退款凭证</a></span>
            	             	   <br/><br/>
            	             	   <span class="col-xs-2"><a onclick="fireSafetyGridDownload(Mresult.fireSafety)">消防安全承诺书</a></span>
            	             	   <span class="col-xs-2"><a onclick="constructionSafetyGridDownload(Mresult.constructionSafety)">入廊施工安全责任告知书</a></span>
            	             	   <span class="col-xs-2"><a onclick="safetyProductionAgreementGridDownload(Mresult.safetyProductionAgreement)">安全生产文明施工协议</a></span>
            	             	   <span class="col-xs-2"><a onclick="downloadConstructionLog(Mresult.clFile)">施工日志</a></span>
            	                </div>
           	                </div>
						 </div>
            		</div>
            	</div>
            </div>
            </div>
<!--          	</div>
    </div>
    </div> -->
<script type="text/javascript">
        if ('ontouchstart' in document.documentElement) document.write("<script src='${contextPath}/resources/assets/js/jquery.mobile.custom.js'>" + "<" + "/script>");
</script>
<script src="${contextPath}/resources/assets/js/bootstrap.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.scroller.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.colorpicker.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.fileinput.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.typeahead.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.wysiwyg.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.spinner.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.treeview.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.wizard.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.aside.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.ajax-content.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.touch-drag.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.sidebar.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.sidebar-scroll-1.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.submenu-hover.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.widget-box.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings-rtl.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings-skin.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.widget-on-reload.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.searchbox-autocomplete.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.hover-dropdown.js"></script>
    <script src="${contextPath}/resources/assets/js/date-time/bootstrap-datepicker.js"></script>
    <script src="${contextPath}/resources/js/printThis.js"></script>
    <script>
    	$("#print").on("click",function(){
    		$("#main").printThis();
    	});
    	//模糊查询start
    	$("#Comptxt").on("focus",function(){
    		if($('#Comptxt').attr("value")=="请选择"){
    			$('#Comptxt').attr("value","");
    		}
    	});
    	$("#Comptxt").on("blur",function(){
    		setTimeout("$('#seldiv').css('display','none')",100);
    	});
    	$("#Comptxt").on("keyup",function(){
    		$.ajax({                              
    			url : "loadFinishComp",
    			cache : false,
    			success : function(result) {
    			  for(var i=0;i<result.length;i++){
    			  		var str=$("#Comptxt").val();
    			  		$("#selection").empty();
    			  		//document.getElementById("Comp").options.add(new Option("请选择"));
    			  		if((result[i].name).indexOf(str)>=0){
    			  			$("#seldiv").css("display","block");
    			  			$("#selection").append("<li class='select'>"+result[i].name+"</li>");
    			     		//document.getElementById("Comp").options.add(new Option(result[i].name,result[i].name));
    			  		}
    			  		/* if(i>=10){
    			  			break;
    			  		} */
    			  }
    			  onMouseoverEvent();
    			  onMouseoutEvent();
    			  onSelectEvent();
    			}
    		});
    	});
    	function onMouseoverEvent(){
	    	$(".select").on("mouseover",function(){
	    		$(this).css("background-color","#F0F0F0");
	    	})
    	}
    	function onMouseoutEvent(){
    		$(".select").on("mouseout",function(){
    			$(this).css("background-color","#FFF");
    		})
    	}
    	function onSelectEvent(){
    		$(".select").on("click",function(e){
    			var obj=e.target.innerHTML;
    			getAllInfo(obj);
    			$("#Comptxt").val(obj);
    			setTimeout("$('#seldiv').css('display','none')",100);
    		})
    	}
    	//模糊查询end
    </script>
</body>
</html>
